<%-- 
    Document   : Shop
    Created on : 22 ?.?. 2554, 12:49:04
    Author     : SUNTIPARB
--%>

<!-- Page Redirect in PageController.java-->

<%-- Form Function --%>
<script type="text/javascript">
    $(document).ready(function() {
        $("#formSearch").find("input, select").uniform();
        $("#btnReset").click(function(){
            $("#formSearch").get(0).reset();
            $.uniform.update(" input, select");
            return false});
    });
</script>
<%-- End Form Function --%>
<!-- insert content here -->
<div class="grid_16">
    <form id="formSearch" class="form" onsubmit="return false;" action="" method="">
        <table class="bgTable">
            <tr >
                <td colspan="4" class="bgheader" ><h5>Search Shop</h5></td>
            </tr>
            <tr >
                <td colspan="4" class="bgtop" >&nbsp;</td>
            </tr>
            <tr >
                <td  class="bgCellNormal">Keyword  ::&nbsp;</td>
              <td class="bgCellInput">   <input type="text" name="txtKeyword" id="txtKeyword" class="width-100" value="" /></td>
                <td  class="bgCellNormal">&nbsp;</td>
                <td  class="bgCellInput">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="4"  class="bgbutton">
                     <input type="reset" name="btnReset" id="btnReset" value="Reset" /> &nbsp;&nbsp;
                   <input type="submit" name="btnSubmit" id="btnSubmit" value="Search" /> </td>
            </tr>
        </table>
    </form>
    <br>
    <div class="container_16" id="showHospital">
        <div class="grid_8">
            <div id="showShop_1">
                <div class ="box1 p1" id="box1_0">
                    <div class="indent-box1" id="indent-box1_0">
                        <table id="tblHospital_0">
                            <tr id="trHospital_0">
                                <td id="tdHospital-img_0">
                                    <a href="<%=request.getContextPath()%>/images/shop/0.jpg" class="lightbox-image" rel="prettyphoto[shopSearch]" title="" >
                                        <img src="<%=request.getContextPath()%>/images/shop/thumb/0.jpg" alt="" />
                                    </a>
                                </td>
                                <td id="tdHospital-dtl_0" style="padding:10px 0 0 15px;">
                                    <h4>Shop 1</h4>
                                    <p></p>
                                    <a class="button2">More Detail</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class ="box1 p1" id="box1_2">
                    <div class="indent-box1" id="indent-box1_2">
                        <table id="tblHospital_2">
                            <tr id="trHospital_2">
                                <td id="tdHospital-img_2">
                                    <a href="<%=request.getContextPath()%>/images/shop/2.jpg" class="lightbox-image" rel="prettyphoto[shopSearch]" title="" >
                                        <img src="<%=request.getContextPath()%>/images/shop/thumb/2.jpg" alt="" />
                                    </a>
                                </td>
                                <td id="tdHospital-dtl_2" style="padding:10px 0 0 15px;">
                                    <h4>Shop 3</h4>
                                    <p></p>
                                    <a class="button2">More Detail</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="grid_8">
            <div id="showShop_2">
                <div class ="box1 p1" id="box1_1">
                    <div class="indent-box1" id="indent-box1_1">
                        <table id="tblHospital_1">
                            <tr id="trHospital_1">
                                <td id="tdHospital-img_1">
                                    <a href="<%=request.getContextPath()%>/images/shop/1.jpg" class="lightbox-image" rel="prettyphoto[shopSearch]" title="" >
                                        <img src="<%=request.getContextPath()%>/images/shop/thumb/1.jpg" alt="" />
                                    </a>
                                </td>
                                <td id="tdHospital-dtl_1" style="padding:10px 0 0 15px;">
                                    <h4>Shop 2</h4>
                                    <p></p>
                                    <a class="button2">More Detail</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class ="box1 p1" id="box1_3">
                    <div class="indent-box1" id="indent-box1_3">
                        <table id="tblHospital_3">
                            <tr id="trHospital_3">
                                <td id="tdHospital-img_3">
                                    <a href="<%=request.getContextPath()%>/images/shop/3.jpg" class="lightbox-image" rel="prettyphoto[shopSearch]" title="" >
                                        <img src="<%=request.getContextPath()%>/images/shop/thumb/3.jpg" alt="" />
                                    </a>
                                </td>
                                <td id="tdHospital-dtl_3" style="padding:10px 0 0 15px;">
                                    <h4>Shop 4</h4>
                                    <p></p>
                                    <a class="button2">More Detail</a>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
